<template>
  <div>
    <LoginMain>
      <template #form>
        <LoginForm @shift="shift" v-if="show"></LoginForm>
        <RegisterForm @shift="shift" v-if="!show"></RegisterForm>
      </template>
    </LoginMain>
  </div>
</template>

<script>
import LoginMain from './components/LoginMain'
import LoginForm from './components/LoginForm'
import RegisterForm from './components/RegisterForm'
export default {
  name: "Login",
  components:{
    LoginMain,
    LoginForm,
    RegisterForm
  },
  data(){
    return {
      show:true
    }
  },
  methods:{
    shift(){
      this.show = !this.show
    },
  }
}
</script>
